.board {
  height: 10.8rem;
  background-color: #eff3f6;
  //background: url('~@images/board/bg.png') no-repeat center;
  background-size: 100% 100%;

  .head {
    .content {
      height: 1.2rem;
      // background-color: black;
      // background: url('~@images/board/head.png') no-repeat center;
      // background-size: 100% 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: flex-start;

      .menuBar {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;

        .item {
          width: 2.18rem;
          height: 0.4rem;
          line-height: 0.4rem;
          font-size: 0.18rem;
          font-family: Microsoft YaHei;
          font-weight: bold;
          color: #0eaee0;
          text-align: center;
          // border: 0.01rem solid #6076ad;
          /* 定义沿着 X 和 Y 轴的 2D 倾斜转换*/
          // transform: skew(45deg);
          // overflow: hidden;
          // position: relative;
          background: url('~@images/board/menuBar2.png') no-repeat center;
          background-size: 100% 100%;
          margin-left: -0.3rem;
          // .text {
          //   display: block;
          //   transform: skew(-45deg);
          // }
          cursor: pointer;
        }

        .item.active {
          color: #52ffff;
        }

        .item:first-child {
          background: url('~@images/board/menuBar1.png') no-repeat center;
          background-size: 100% 100%;
          margin-left: 0rem;
        }

        // .item:first-child:before {
        // transform: rotateX(45deg);
        // transform-origin: bottom right;
        // margin-left: 0.4rem;
        //   content: '';
        //   display: block;
        //   position: absolute;
        //   top: 0;
        //   bottom: 0;
        //   right: 0;
        //   width: 120px;
        //   border: 0.01rem solid #6076ad;
        //   transform-origin: 0 100%;
        //   transform: skewX(45deg);
        // }
      }

      .userInfo {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;

        .user,
        .logout {
          height: 0.64rem;
          line-height: 0.64rem;
          font-size: 0.18rem;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #0eaee0;
          padding: 0 0.2rem;

          span {
            margin-left: 0.08rem;
          }
        }
      }

      .mainTitle {
        width: 1.2rem;
        height: 1.1rem;
        line-height: 1.1rem;
        font-size: 0.32rem;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
      }
    }
  }

  .app-body {
    //float: left;
    transition: margin-left .28s;
    overflow: hidden;
    overflow-y:scroll ;
    .app-main {
      width: 100%;
      min-height: 100%;
      position: relative;
    }

    .app-content {
      // display: flex;
      // flex-direction: row;
      // flex-wrap: nowrap;
      // justify-content: flex-start;
      // align-items: center;
      // background-color: black;
    }

    .row {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-around;
      align-items: center;
    }

  }
}

.app-main {

}
::v-deep .ant-table-pagination{
  margin-right: 20px !important;
}
